<p>this git monitor</p>
<kd-card role="table">
    <div title>
      <span>Git Repositry</span>
      <mat-form-field appearance="fill">
        <mat-label>Select Hash Value</mat-label>
        <mat-select [(value)]="selected" (selectionChange)="hello()">
          <ng-template ngFor let-item [ngForOf]="dataSource" let-i="index">
            <mat-option [value]="i">{{item.name}}</mat-option>
          </ng-template>
  
        </mat-select>
      </mat-form-field>
    </div>
    <mat-divider></mat-divider>
    <div content>
      <div fxLayout="column" fxFill>
        <div fxLayout fxFlex>
          <div  id="side-buttons" class="one" fxFlex="15" fxLayoutAlign="center center">
            <div fxLayout="column" fxFill>
                <p mat-button class="btn-controler mat-button"> Add New Task </p><br>
                <button mat-button (click)="Printdagtasks()">look tasks</button>
                <button mat-button (click)="uploadDagTask()">Upload tasks</button>
            </div>
           
          </div>
          <!-- <div class="two" fxFlex="85" fxLayoutAlign="center center">
            <ng-template ngFor let-hero [ngForOf]="heroes"
            let-i="index" let-odd="odd" >
            <kd-ddbody></kd-ddbody>
            </ng-template>
          </div> -->
          <div id="drop-bg" class="two" fxFlex="85" fxLayoutAlign="center center">
            
            <!-- <kd-ddbody  *ngFor="let item of tasklist;let i = index" 
            [(data)]="tasklist[i]"></kd-ddbody> -->
            
            <!-- <kd-ddbody  [(data)]="tasklist[0]"></kd-ddbody>
            <ng-template ngFor let-item [ngForOf]="tasklist" let-i="index">

            </ng-template> -->

            <kd-ddbody *ngFor="let item of tasklist;let i = index" 
            [(data)]="tasklist[i]"></kd-ddbody>
          </div>
          

        </div>
      </div>
    </div>
  </kd-card>